*{margin:0;padding:0;}
html,body{font-family: '宋体', serif;font-size:14px;color:#333;}

@media screen and (max-width: 768px) and (min-width: 0) {
	body{background-color:#F0F0F0;}
	.subject{width:100%;}
}
@media screen and (min-width: 768px) {
	body{background-color:#FFFFFF;}
	.subject{width:400px;height:600px;margin:0 auto;margin-top:100px;overflow-y:scroll;}
}
.subject{ padding: 10px;box-sizing: border-box;background-color:#F0F0F0;}

.subject .login{width:400px;height:230px; display:none; }
.mainfont{width:100%;height:100px;line-height:25px;overflow:hidden;display:block;text-align:center;}
.form{width:100%;padding:10px;box-sizing: border-box;}
.form p{height:40px;text-align:center;}
.form p input{width:160px;height:30px;outline:none;padding:10px;box-sizing: border-box;}
.form .ctr{margin-top:20px;}
.form .ctr #submit{width:100px;height:40px;}
.form .ctr #btn{margin:0 10px;color:red;text-decoration:underline blue;}

.updateLog{width:100%;line-height:30px;text-align:center;}

.top{width: 100%;height: 39px;line-height:39px; padding:0 10px; border-bottom: #9F9F9F 1px solid; background-color: rgba(255,255,255,0.3);box-sizing: border-box;font-size:12px;}
.top #CurrentTime{float: right;}
.main{}
.main .content{width: 100%}
.main .content .current{width: 100%;height: 30px;border-bottom:#9F9F9F 1px solid;line-height: 30px;overflow: hidden;clear: both;box-sizing: border-box;display: block;}
.main .content .current .position{color: #FFB538;}
.main .content .current .state{color: #7FE000;}
.main .content .current .info{float: right; color: #1E8F45;}
.main .content .describe{width: 100%;height: 30px;border-bottom:red 1px solid;line-height: 30px;overflow: hidden;clear: both;box-sizing: border-box;display: block;color: #9F9F9F;}
.main .content .monster{width: 100%;padding: 10px 0; line-height: 26px;border-bottom:#9F9F9F 1px solid; display: block;box-sizing: border-box;overflow: hidden;}
.main .content .monster a{padding:0 5px;border: #8FE18F 1px solid;margin: 5px;display: block;float: left;}

.main .content .region{width: 100%;padding: 10px 0; line-height: 30px;border-bottom:#9F9F9F 1px solid; display: block;box-sizing: border-box;overflow: hidden;}
.main .content .region .grid-demo{text-align: center;font-size: 12px;}
.main .content .region .grid-demo a{padding: 5px;border: #DBDCDD 1px solid;}
.main .content .region .grid-demo .fontcolor1{color: #9B9FAB}

.main .content .npc{width: 100%;padding: 10px 0; line-height: 30px;border-bottom:#9F9F9F 1px solid; display: block;box-sizing: border-box;overflow: hidden;}
.main .content .npc .nickname{font-size: 14px;color: #9F9F9F;}
.main .content .npc .layui-card-body{font-size: 12px;color: #9F9F9F;}

.main .content .news{ width: 100%; max-height: 150px; padding: 5px; box-sizing: border-box;overflow-y: scroll;display: block;}
.main .content .news ul{ width:100%; padding: 5px; box-sizing: border-box;}
.main .content .news li{font-size: 12px;color: #9F9F9F;}
.main .content .news .flow-default{width: 100%; background-color: rgba(255,255,255,0.5);}
.main .content .news .layui-flow-more{ padding-bottom: 5px;}

.shop{}
.shop .grid-demo {text-align: center;background-color: #79C48C;	color: #fff;}
.shop .grid-demo .shop-title{ width: 100%;height: 30px;clear: both;display: block;overflow: hidden;box-sizing: border-box;}
.shop .grid-demo .shop-des{width: 100%;height: 30px;clear: both;display: block;overflow: hidden;box-sizing: border-box;background-color: #f4f8fa;color: #690;font-size: 12px;}
.shop .grid-demo .shop-lable{width: 100%;height: 30px;clear: both;display: block;overflow: hidden;box-sizing: border-box;background-color: #f0f0f0;color: #666666;}
.shop .grid-demo .shop-lable .layui-btn+.layui-btn {margin-left: 0;}
.shop .grid-demo .shop-img{width: 100%;height: auto;clear: both;display: block;overflow: hidden;box-sizing: border-box;background-color: #f0f0f0;color: #666666;}

.main .content .muter{width: 100%;padding: 10px 0; line-height: 30px;border-bottom:#9F9F9F 1px solid; display: block;box-sizing: border-box;overflow: hidden;}

.main .content .labels{width: 100%;padding: 10px 0; line-height: 30px; display: block;box-sizing: border-box;overflow: hidden;}

.main .content .refine{width: 100%;padding: 10px 0; line-height: 30px; display: block;box-sizing: border-box;overflow: hidden;}
.main .content .refine .equip{ width: 100%;line-height: 26px;}
.main .content .refine .equip .equip-title{font-size: 16px;font-weight: 600;color: #1E9FFF;}
.main .content .refine .equip .equip-lv{font-size: 14px;color: #C2C2C2;}
.main .content .refine .equip .equip-refine{font-size: 14px;color: #31BDEC;}
.main .content .refine .equip .equip-attribute{font-size: 14px;color: #FFB800;padding: 5px 0; border-bottom:#9F9F9F 1px solid;}
.main .content .refine .equip .equip-des{font-size: 14px;color: #FFB800;}

.main .content .refine .equip .layui-col-md12{margin-bottom: 10px;}

.main .content .refine .mster{width: 100%;overflow: hidden;clear: both;display: block;box-sizing: border-box;}
.main .content .refine .mster .layui-col-md12{margin-bottom: 10px;}
.main .content .refine .mster .pve{}
.main .content .refine .mster .pve .layui-card-body{ line-height: 40px;}
.main .content .refine .mster .pve .layui-card-body p span{text-decoration: underline;}

.main .content .refine .friends{ width: 100%;line-height: 26px;}
.main .content .refine .friends ul{ background-color: white; padding: 10px; box-sizing: border-box;}
.main .content .refine .friends ul .layui-timeline-item{ padding-bottom: 10px;}
.main .content .refine .friends ul .layui-timeline-item .off-line{color: #9F9F9F;}
.main .content .refine .friends ul .layui-timeline-item span{float: right;}

.main .content .refine .club{ width: 100%; font-family: '宋体';}
.main .content .refine .club .layui-timeline{ background-color: white; padding: 10px; box-sizing: border-box;}
.main .content .refine .club .layui-timeline .layui-timeline-item{ padding-bottom: 10px;}
.main .content .refine .club .layui-timeline .layui-timeline-item .off-line{color: #9F9F9F;}
.main .content .refine .club .layui-timeline .layui-timeline-item span{float: right; text-decoration: underline;}
.main .content .refine .club .layui-timeline .layui-timeline-item p{color: #999999;font-size: 12px;}
.main .content .refine .club .layui-tab{background-color: white;}
.main .content .refine .club .layui-tab .layui-tab-content{}
.main .content .refine .club .layui-tab .layui-tab-content .layui-tab-item{padding: 0 10px;font-size: 12px;}
.main .content .refine .club .layui-tab .layui-tab-content .layui-tab-item p{border-bottom:#CECECA 1px dashed;}
.main .content .refine .club .layui-tab .layui-tab-content .layui-tab-item p span{float: right; text-decoration: underline;margin-left: 5px;}

.main .content .refine .market{ width: 100%; font-family: '宋体';}
.main .content .refine .market .layui-tab{background-color: white;}
.main .content .refine .market .layui-tab .layui-tab-content{padding: 0;}













